<?php content(); ?>
<div class="crudNav formulario">
	<h2>Administracion de Clientes</h2>	
	<div class="buscar">
		<div class="user" style="background-color: #3C3C3C;"><?php echo text_field_with_autocomplete("nombre","action: clientes/buscar"); ?><button type="button" class="ok">Ver</button></div>
	</div>
	<div class="optionbar">
		<ul>
			<li><button class="add" type="button" id="addCliente">Agregar</button></li>			
			</ul>
	</div>	
	<div class="formulario desplegable tabbed" id="frmCliente" style="display: none; position:absolute; width:60%;">
		<h2 >Datos del Cliente</h2>
		<ul class="tabnav">
			<li ><a href="#cuenta" class="tab" id="tab_cuenta">Cuenta</a></li>
			<li ><a href="#datos" class="tab" id="tab_datos">Datos</a></li>
		</ul>
		<div id="panel_cuenta" class="panel" >
			<fieldset class="row optionbar">
						<button class="cancel" type="button" onclick="Effect.BlindUp('frmCliente')">Cerrar</button>
			</fieldset>
				<span style="color: #fff; font-weight: bold; float:left;">Saldo</span><div id="saldo_cuenta" class="monto_total" style="float:left; width:100px; margin-left:1em;">S/. 0.00</div>
				<div class="container">
					<table class="grid">
						<thead><tr><th>Fecha</th><th>Producto</th><th>Cantidad</th><th>Monto</th></tr></thead>
						<tbody>
							<tr class="row odd"><td><?php echo date('d-m-Y')?></td><td>Tarro Leche Gloria x 410ml.</td><td>1</td><td>2.7</td></tr>
							<tr class="row even"><td><?php echo date('d-m-Y')?></td><td>Pqt Queso Blanco x 250gr.</td><td>1</td><td>3.4</td></tr>							
						</tbody>
						</table>
			</div>
		</div>
		<div id="panel_datos" class="panel">
				<?php //echo form_remote_tag("clientes/actualizar","update: frmCliente")?>
				<?php echo form_tag("clientes/agregar"); ?>
					<!--
						Elementos que guardan las acciones
					-->
					<input type="hidden" id="action" value="" />
					<fieldset class="row optionbar">
						<button class="edit" type="button" id="editCliente" disabled="disabled">Editar</button><button class="save">Guardar</button><button class="cancel" type="button" onclick="Effect.BlindUp('frmCliente')">Cancelar</button>
					</fieldset>			
					<fieldset class="row odd">
						<label class="requerido" for="txtNombre">Nombre</label> <?php echo text_field_tag("cliente.nombre","id: txtNombre", "name: nombre");?>
					</fieldset>
					<fieldset class="row even"><label class="requerido">Paterno</label><?php echo text_field_tag("cliente.paterno","id: txtPaterno", "name: paterno");?></fieldset>
					<fieldset class="row odd"><label class="requerido">Materno</label><?php echo text_field_tag("cliente.materno","id: txtMaterno", "name: materno");?></fieldset>
					<fieldset class="row even"><label class="requerido">Apodo</label><?php echo text_field_tag("cliente.apodo","id: txtApodo", "name: apodo");?></fieldset>
					<fieldset class="row odd"><label >Dni</label><?php echo text_field_tag("cliente.dni", "size: 11","id: txtDni", "name: dni");?></fieldset>
					<fieldset class="row even"><label >Fecha de Nacimento</label><?php echo date_field_tag("cliente.fechanacimiento","id: txtNacimiento", "name: fechanacimiento");?></fieldset>
					<fieldset class="row odd">
					<label for="cmbSexo">Sexo</label>
						<select name="sexo" id="cmbSexo">
							<option value="1" >Masculino</option>
							<option value="2" >Femenino</option>
						</select>
					</fieldset>
					<fieldset class="row even"><label >Direccion</label><?php echo text_field_tag("cliente.direccion","id: txtDireccion", "name: direccion");?></fieldset>
					<fieldset class="row odd">
						<label >Telefono</label><?php echo text_field_tag("cliente.telefono", "class: inline","id: txtTelefono", "name: telefono");?>
						<label class="inline">Telefono 2</label><?php echo text_field_tag("cliente.telefono_2", "class: inline","id: txtTelefono2", "name: telefono_2");?>
					</fieldset>			
					<fieldset class="row even">
						<label >Em&#64;il</label><?php echo text_field_tag("cliente.mail", "class: inline","id: txtEmail", "name: mail");?>
						<label class="inline">Em&#64;il 2</label><?php echo text_field_tag("cliente.mail_2" , "class: inline","id: txtEmail2", "name: mail2");?>
					</fieldset>			
				<?php echo end_form_tag();?>
				<div class="dataNav optionbar">
					<ul>
						<li><a href="#" title="Registro Anterior" id="irAnterior">&laquo;</a></li>
						<li class="separador">&nbsp;</li>
						<li><a href="#" title="Registro Siguiente" id="irSiguiente">&raquo;</a></li>
					</ul>
				</div>
			</div>
	</div>	
</div>
<div class="container" id="cuenta">
</div>
<script type="text/javascript">
<!--
Event.observe(window, 'load', loadtabs, false);
function loadtabs() {
	/*crea las pestañas */
	var mainTabs = new tabset('frmCliente'); // name of div to crawl for tabs and panels	
	mainTabs.autoActivate($('tab_cuenta'));
	return false;
}

var registro;

$('addCliente').observe('click',nuevo);
$('editCliente').observe('click',editar);

function editar(){
	$('action').value="edit";
	showFrmCliente();
	return false;
}

function nuevo(){
	$('action').value="create";
	$('editCliente').hide();		
	showFrmCliente();
	return false;
}

function showFrmCliente(){
/*	var aux=new Array();
	if($('action').value!="create"){
			registro.each(function(e){				
				aux.push(e.innerHTML);
			});
	}*/
	new Effect.SlideDown('frmCliente'); 
	return false;
}

/*$$('.grid tr').each(function (item){	
	item.observe('click',function(){
		$('action').value="edit";	
		registro=this.descendants().toArray();
		showFrmCliente();
	}
	);	
}*/

--></script>
